[FEAT] 공통 UI 컴포넌트 구현 - #7

📖 개요

• 피그마 디자인 시스템의 공통 UI 컴포넌트를 디자인 토큰 기반으로 src/components/에 구현

✅ 변경 사항

• TextInput: 기본 / 포커스 / 입력됨 / 에러 상태, 헬퍼 텍스트·에러 메시지
• ProgressBar: 단계 수(total)와 현재 단계(step)를 받아 막대 표시, n/total 라벨 표시 여부 선택
• Loading: 화면 가운데 로딩 상자 + 회전 스피너, 로딩 중 뒤 화면 터치 차단
• ActionButton: 파란 버튼(primary) / 연한 배경 버튼(secondary), S·M·L 크기, 기본·눌림·비활성·로딩 상태
• SelectButton: 선택/해제 버튼 (예: 학생 당일 취소)
• Chip: 둥근 선택 칩, 너비는 글자 길이에 맞춤
• SearchBar: 밑줄 검색창, 비어 있으면 돋보기 / 입력 중이면 지우기 버튼
• text.feedback.warning 토큰을 orange[500] → orange[300](#FF6723)으로 수정
• 개발용 미리보기 화면 /dev/components 추가 (__DEV__에서만 열림)
• 아이콘: loading.svg, loadingbtn.svg, loadingbtn_blue.svg, search.svg, clear.svg

🧪 검증

• npm run typecheck
• npm run lint
• npm run format:check
• npm run build

🖼️ 스크린샷

🔗 관련 Issue

Closes #6

📂 영향 범위

🙋 리뷰 요청 사항

• 컴포넌트 props 구성이 실제 화면에서 쓰기 편한지 봐주세요.
• 온보딩 화면에서 직접 만든 입력창·버튼·칩을 이 컴포넌트로 바꿔 주시면 됩니다.

⚠️ 주의 사항

• Pretendard 폰트가 아직 적용되지 않아 시스템 폰트로 보입니다. 그래서 SelectButton은 너비 135를 최소 너비로 두어, 글자가 길면 줄바꿈 대신 버튼이 넓어지게 했습니다.